<template>
  <footer id="footer">
    <ul>
      <router-link class='active' to='/movie/' tag='li'>
        <i class="iconfont icon-dianying"></i>
        <p>电影</p>
      </router-link>
      <router-link to='/cinema' tag='li'>
        <i class="iconfont icon-yingyuan"></i>
        <p>影院</p>
      </router-link>
      <router-link to='/mine' tag='li'>
        <i class="iconfont icon-wode"></i>
        <p>我的</p>
      </router-link>
    </ul>
		</footer>
</template>

<script>
// import cookie from 'js-cookie' 
export default {
  name:"Tfooter",
  // methods:{
  //   mineEvent(){
  //     if(cookie){
  //       this.$router.push('/mine/personal')
  //     }else{
  //       this.$router.push('/mine/login')
  //     }
  //   }
  // }

}
</script>

<style scoped>
#footer{ width:100%; height:50px; background: white; border-top:2px #ebe8e3 solid; position: fixed; left: 0; bottom:0;}
#footer ul{ display: flex; text-align: center; height:50px; align-items:center;}
#footer ul li{ flex:1; height:40px;}
/* #footer ul li.active{ color: #f03d37;} */
#footer ul li.router-link-active{ color: #f03d37;}
#footer ul i{ font-size: 20px;}
#footer ul p{ font-size: 12px; line-height: 18px;}
</style>